/* 公共样式 开始 */
*{
	/*   
	 * 通用选择器  所有标签
	 禁止选中文字 
	*/
	user-select: none;
}
@font-face {
	font-family:'hello';
	src: url(../font/hello.ttf);
}
.page {
	width:100vw;
	height:100vh;
	position: absolute;
	left:0;
	top:0;
	display: none;
}
/* 公共样式 结束 */

/* 开始游戏 开始 */
.start{
	background:url(../img/start_scene.png) no-repeat center/cover;
	display: block;
	transition: top .8s;
	z-index: 10;
}
.start .start-btn{
	width:77vw;
	position: absolute;
	bottom:57vw;
	left:50%;
	transform: translateX(-50%);
	transition: transform .3s;
}
.start .start-btn:active{
	transform: translateX(-50%) scale(0.9);
}
.start .level-btn{
	width:77vw;
	position: absolute;
	bottom:27vw;
	left:50%;
	transform: translateX(-50%);
	transition: transform .3s;
}
.start .level-btn:active{
	transform: translateX(-50%) scale(0.9);
}
/* 开始游戏 结束 */
/* 关卡选择 开始 */
/* .page.level{
	height:auto;
	min-height: 100vh;
} */
.level{
	background:#9dd848 url(../img/state.jpg) no-repeat center/cover;
	transition: top .8s;
	z-index: 9;
	overflow-y: auto;
}
.level-list{
	padding: 49vw 5vw 10vw;
	overflow: hidden;
}
.level-list .level-item{
	float:left;
	width:37vw;
	height:29vw;
	background: url(../img/state_n.png) no-repeat center/cover;
	margin:0 4vw;
	font-size: 13vw;
	text-align: center;
	line-height:22vw;
	color:#fff;
	margin-bottom:7vw;
	font-family: 'happy';
	text-shadow: 0.5vw 0vw #3a230a,0 0.5vw #3a230a,-0.5vw 0vw #3a230a,0 -0.5vw #3a230a;
	position: relative;
}
.level-list .level-item.success::before{
	content:"";
	position: absolute;
	width: 9vw;
	height: 12vw;
	left:50%;
	transform:translateX(-50%);
	top:-6vw;
	background:url(../img/success.png) no-repeat center/cover;
}
.level-list .level-item.lock {
	height:33vw;
	margin-top:-4vw;
	line-height: 30vw;
	background: url(../img/lock.png) no-repeat center/cover;
}
/* 关卡选择 结束 */
/* 游戏主界面 开始 */
.main {
	background: url(../img/main.png) no-repeat center/cover;
	transition: top .8s;
	z-index: 9;
}
.elements{
	width:100%;
	height:100%;
	position: absolute;
}
.wrong,.right {
	position: absolute;
	left:0;
	top:0;
	width:22vw;
	z-index: 99999;
	display: none;
}
.choose-btn {
	width:28vw;
	position: absolute;
	top:20vw;
	left:50%;
	transform: translateX(-50%);
	transition: transform .3s;
	z-index: 1;
}
.choose-btn:active {
	transform: translateX(-50%) scale(0.9);
}
.level-text{
	font-family: 'hello';
	font-size: 8vw;
	color:#fff;
	position: absolute;
	top:43vw;
	left:50%;
	transform: translateX(-50%);
	text-shadow: 0.5vw 0 0 #5d4100,-0.5vw 0 0 #5d4100,0 0.5vw 0 #5d4100,0 -0.5vw 0 #5d4100;
}
.level-title {
	font-family: 'hello';
	font-size: 5vw;
	color:#000000;
	position: absolute;
	top:54vw;
	left:50%;
	transform: translateX(-50%);
}
.reset-btn {
	position: absolute;
	width:11vw;
	left:13vw;
	bottom:15vw;
	transition: transform .3s;
	z-index: 1;
}
.reset-btn:active{
	transform: scale(0.9);
}
.tips-btn {
	width:46vw;
	position: absolute;
	left:50%;
	bottom: 13vw;
	transform: translateX(-50%);
	transition: transform .3s;
	z-index: 1;
}
.tips-btn:active{
	transform: translateX(-50%) scale(0.9);
}
/* 游戏主界面 结束 */
/* 通过提示 开始 */
.clearance{
	background:url(../img/main.png) no-repeat center/cover;
	transition: transform .3s;
	position: absolute;
	z-index: 10;
}
.level-box{
	width: 85vw;
	height: 117vw;
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background: url(../img/level-box.png) no-repeat center/cover;
}

.level-box .tips-text{
	width:66vw;
	text-align: center;
	position: absolute;
	left:50%;
	top:69vw;
	transform: translate(-50%,-50%); 
	font-size: 6vw;
	color: #9e623d;
	line-height:1.25;
	font-family: happy;
}
.next-level-btn {
	width:46vw;
	position: absolute;
	left:50%;
	bottom:-5vw;
	transform: translateX(-50%);
	transition: transform .3s;
}
.next-level-btn:active{
	transform: translateX(-50%) scale(0.9);
}
/* 通关提示 结束 */